<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>exam page</title>
	<link rel="stylesheet" type="text/css" href="./include/main.css">
	<link rel="stylesheet" type="text/css" href="./include/layout.css">
</head>

<body>
<div id="topbar">
	<div id="toprightdiv">
		<form id="topform" method="post" action="#">
		<input type="text" name="keywords" id="keywords" value="" size="18" maxlength="100">
		<input type="submit" value="search" class="submit" id="topformbutton">
		</form>
	</div><!-- end of DIV toprightdiv -->
	<div id="logodiv">
		<img src="./include/logo.png" border="0" alt="big share logo" />
		<h1><span>大</span>学生学习资料<span>分</span>享中心</h1>
	</div> <!-- end of DIV logodiv-->
	<div id="ddtoptabs">
		<ul>
			<li style="margin-left: 1px"> <a href="#" title="Home"><span>主页</span></a></li>
			<li><a href="#" title="New"><span>资源分类</span></a></li>
			<li><a href="#" title="New"><span>使用帮助</span></a></li>
			<li><a href="#" title="Tools"><span>关于我们</span></a></li>	
		</ul>
	</div><!-- end of DIV ddtoptabs-->
	<div id="ddtoptabsline">
		<div class="leftarrow"></div>&nbsp;
		<div class="rightarrow"></div>
	</div> <!-- end of DIV ddtoptabsline -->
</div><!-- end of DIV topbar -->

<div class="maincontainer">
	<div id="leftcolumn">
		<div class="titlebar">此处可以放置公告
		</div>
		<ul class="ddmarkermenu">
			<li><a href="#">公告一</a></li>
			<li><a href="#">公告二</a></li>
			<li><a href="#">公告三</a></li>
		</ul>
		<div class="titlebar">此处可以放置友情链接
		</div>
		<ul class="listmenu">
			<li><a href="#">Image Optimizer</a></li>
			<li><a href="#">FavIcon Generator</a></li>
			<li><a href="#">Ribbon Rules</a></li>
			<li><a href="#">DD Whois Service</a></li>
		</ul>
	</div> <!-- end of DIV leftcolumn -->
	<!-- 左侧栏结束，其中的栏目可以参考-->

	<div id="middlecolumn">
		<h3 class="headers" style="margin-top: 0"><span><a href="#">资源的标题</a> 资源的类型 资源的等级 </span></h3>
		<h4>资源介绍：</h4>
		<p>这是我学习这门课时做的笔记，基本上每一章都有，只有一次拉肚子没上课，没有笔记。</p>
		<h4>上传者介绍：</h4>
		<p>ta叫黄飞鸿，ta对我们社区的贡献很大，权威一般，ta于2008年6月22日上传此资料。</p>
		<h4>资源预览：</h4>
		<div id="preview">
			<p>此处是资源预览，我还没有想好用何种方式处理各种预览预览预览预览预览预览预览</p>
		</div>

		<div class="snapshotbox">
			<div class="snapshotlisting">
			<p>此处是截图预览，用途暂时未定未定未定未定未定未定未定未定未定未定未定未定未定</p>
			<b>Columns setup:</b>
			<span class="data"> <span class="green">Fixed</span> <span class="content">Fixed</span> </span>
			</div>
		</div>

	</div><!-- end of DIV middlecolumn -->
	<!-- end of middle column -->

	<div id="rightcolumn">
		<div class="titlebar"><span style="color: #da6e7b">优秀资源推荐</span>
		</div>
			<ul style="text-align: left; font-weight: bold; list-style:none;">
				<li><a href="#">优秀资源1</a></li>
				<li><a href="#">优秀资源2</a></li>
				<li><a href="#">优秀资源3</a></li>
				<li><a href="#">优秀资源4</a></li>
				<li><a href="#">优秀资源5</a></li>
				<li><a href="#">优秀资源6</a></li>
				<li><a href="#">优秀资源7</a></li>
				<li><a href="#">优秀资源8</a></li>
				<li><a href="#">优秀资源9</a></li>
			</ul>
	</div> <!-- end of DIV rightcolumn-->


	<div class="clearfix">
	</div>
	<div id="contentfooter">
		<hr />
		<p>Copyright 2012 <a href="#">NJAU CS</a></p>
	</div> <!-- end of DIV contentfooter -->
</div><!-- end of DIV maincontainer -->

</body></html>
